<%--
  Created by IntelliJ IDEA.
  User: 86176
  Date: 2022/2/23
  Time: 13:50
  To change this template use File | Settings | File Templates.
--%>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <base href="<%=basePath%>"/>
    <title>Title</title>
    <!--引入EasyUI的资源-->
    <link rel="stylesheet" type="text/css" href="static/themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="static/themes/icon.css">
    <link rel="stylesheet" type="text/css" href="static/themes/color.css">
    <link rel="stylesheet" type="text/css" href="static/themes/demo.css">
    <script type="text/javascript" src="static/jquery.min.js"></script>
    <script type="text/javascript" src="static/jquery.easyui.min.js"></script>
    <!--声明js代码域-->
    <script type="text/javascript">
        /*******************初始化加载主持人信息的DataGrid***************************/
        $(function (){
            //初始化DataGrid
            $("#hostDataGrid").datagrid({
                url:"host/hostInfo",//设置远程加载数据的地址
                pagination:true,//在表格中显示分页工具栏，只有将属性值设置为true，就会发起Ajax分页请求获取要加载的数据
                rownumbers:true,//显示行号
                pageNumber:1,//设置Ajax分页默认页码
                pageSize:2,//设置每页显示的数量
                pageList:[2,4,6],//设置每页数据量下拉框框中的数量
                toolbar:"#hostToolBar",//增加工具栏效果
                title:"查询结果",//显示标题
                checkOnSelect:false,//当用户仅在点击该复选框的时候才会被选中或取消
                columns:[[//设置表格的列以及每列和加载的数据的映射关系
                    {field:"aa",checkbox:true},//每列显示一个多选框的效果
                    {title:"权重",field:"strong",width:100,
                        formatter:function (value,rows,rowIndex) {
                            return "<input type='text' value='"+value+"' style='width: 50px' onblur='changeStrong(this,"+rows.hid+")'>"
                        }
                    },//表示一列，并且社会组该列和数据的映射关系
                    {title:"姓名",field:"hname",width:100},
                    {title:"手机号",field:"hphone"},
                    {title:"开通时间",field:"starttime",
                        formatter:function (value,rows,rowIndex) {
                            return value.year+"-"+value.monthValue+"-"+value.dayOfMonth+" "+value.hour+":"+value.minute+":"+value.second
                        }
                    },
                    {title:"价格",field:"hprice",width:100,
                        formatter:function (value, rows, rowIndex) {
                            if (rows.hostPower){
                                return rows.hostPower.hpprice;
                            }else{
                                return "";
                            }
                        }
                    },
                    {title:"订单量",field:"odernumber",width:100},
                    {title:"折扣",field:"hpdiscount",width:100,
                        formatter:function (value, rows, rowIndex) {
                        if (rows.hostPower){
                            return rows.hostPower.hpdiscount;
                        }else{
                            return "";
                        }
                        }
                    },
                    {title:"星推荐",field:"hpstar",width:100,
                        formatter:function (value, rows, rowIndex) {
                        if (rows.hostPower){
                            return rows.hostPower.hpstar=="1"?"是":"否";
                        }else{
                            return "";
                        }
                        }
                    },
                    {title:"账号状态",field:"status",width:100,
                        formatter:function (value, rows, rowIndex) {
                            return value=="1"?"正常":"禁用";
                        }
                    }
                ]]
            })
        })
        /**********************查询按钮完成主持人信息的筛选分页查询**************************/
        $(function () {
            //给查询按钮增加单机事件
            $("#search").click(function () {
                //dataGrid按照条件重新分页加载主持人信息
                $("#hostDataGrid").datagrid('load',{
                    hname:$("#hname").val(),
                    status:$("#status").val(),
                    strong:$("#strong").val(),
                    hpstar:$("#hpdiscount").val()
                })
            })
        })
        /**********************添加主持人**************************/
        $(function () {
            $("#addHost").click(function () {
                //显示主持人添加页面
                $("#addHostDialog").dialog("open")
            })
            //给主持人添加的表单按钮添加单机事件
            $("#addHostForm").click(function () {
                //发起ajax请求完成主持人增加的请求发送
                $("#hostFrom").form('submit',{
                    url:'host/hostAdd',//请求地址
                    success:function (data) {//回调函数，data为原始的json数据，需要自己使用eval完成数据的转换
                        //使用eval转换data
                        eval("var data="+data);
                        //提示用户
                        if (data.success){
                            $.messager.alert("增加主持人信息",data.message,"info");
                            //关闭增加的对话框
                            $("#addHostDialog").dialog("close");
                            $("#addMenuDialog").dialog('refresh');
                            //重新加载数据
                            $("#hostDataGrid").datagrid('reload');
                        }else{
                            $.messager.alert("增加主持人信息",data.message,"error");
                        }
                    }
                })
            })
        })
        /**********************主持人账号操作**************************/
        $(function () {
            $("#hostAccount").click(function () {
                //获取选择的行
                var trs=$("#hostDataGrid").datagrid('getChecked');
                //判断是否选择要修改的行
                if (trs.length>0){
                    //获取要修改的主持人信息的ID
                    var hids="";
                    //获取要修改的主持人信息的账号的状态
                    var statuss="";
                    for (var i=0;i<trs.length;i++){
                        hids+=trs[i].hid+",";
                        statuss+=trs[i].status+",";
                    }
                    //发起ajax请求完成账号状态的更新
                    $.post("host/hostAccountUp",{hids:hids,statuss:statuss},function (data) {
                        if (data.success){
                            $.messager.alert("提示","修改成功","info");
                            //重新加载数据
                            $("#hostDataGrid").datagrid('reload');
                        }else{
                            $.messager.alert("提示","修改失败","error")
                        }
                    })
                }else {
                    $.messager.alert("提示","请选择要修改的行","info")
                }
            })
        })
        /*******************修改权重**********************/
        function changeStrong(imp,hid) {
            //发起ajax请求完成权重的修改
            $.post("host/hostStrongUp",{hid:hid,strong: imp.value},function (data) {
                if (data.success){
                    $.messager.alert("提示","修改成功","info");
                    //重新加载
                    $("#hostDataGrid").datagrid('reload');
                }else{
                    $.messager.alert("提示","修改失败","error");
                }
            })
        }
        /**********************主持人权限设置**************************/
        $(function () {
            //设置权限对话框关闭时，清空表单数据
            $("#hostPowerDialog").dialog({
                onClose:function () {
                    //清空表单数据
                    $("#hostPowerForm").form('clear');
                }
            })
           //给权限按钮添加单机事件,回显权限信息以及弹出对话框
            $("#hostPower").click(function () {
                //校验是否选择要进行设置的主持人
                var tr=$("#hostDataGrid").datagrid('getChecked');
                //判断
                if (tr.length==1){
                    //将要信息权限设置的主持人的Id使用隐藏标签记录下来
                    $("#hostid").val(tr[0].hid);
                    //获取要修改的主持人的原有权限数据
                    var hpower=tr[0].hostPower;
                    //判断hpower是否有值
                    if (hpower){
                        //回显数据
                        //将当前权限的id记录在隐藏标签中，更新使用
                        $("#hpid").val(hpower.hpid);
                        //是否星推荐的回显
                        hpower.hpstar=="1"? $("#hpstar_yes").radiobutton({checked:true}):$("#hpstar_no").radiobutton({checked:true})
                        // 星推荐日期的回显
                        $("#hpstar_begindate").datebox('setValue',jsonToDate(hpower.hpstartBegindate))
                        $("#hpstar_enddate").datebox('setValue',jsonToDate(hpower.hpstartEnddate))
                        //星推荐时间
                        $("#hpstar_begintime").timespinner('setValue',jsonToTime(hpower.hpstartBegintime))
                        $("#hpstar_endtime").timespinner('setValue',jsonToTime(hpower.hpstartEndtime))
                        //自填订单
                        hpower.hpOrderPower=="1"? $("#hpOrder_yes").radiobutton({checked:true}):$("#hpOrder_no").radiobutton({checked:true})
                        //折扣
                        $("#hp_change_discount").textbox('setValue',hpower.hpdiscount);
                        //折扣日期
                        $("#hpdiscoount_begindate").datebox('setValue',jsonToDate(hpower.hpDisStarttime))
                        $("#hpdiscount_enddate").datebox('setValue',jsonToDate(hpower.hpDisEndtime))
                        //价格
                        $("#hpprice").textbox('setValue',hpower.hpprice);
                        //管理费
                        $("#hpcosts").textbox('setValue',hpower.hpcosts);
                    }
                    //显示权限设置的对话框
                    $("#hostPowerDialog").dialog('open')
                }else if(tr.length>1){
                    $.messager.alert("提示","只能选择一个主持人","info")
                }else{
                    $.messager.alert("提示","请选择一个主持人","info")
                }
            })
            //异步提交权限表单
            $("#hostPowerFinish").click(function () {
                $("#hostPowerForm").form('submit',{
                    url:'hostPower/hostPowerOper',
                    success:function (data) {
                        //转换数据
                        eval("var d="+data);
                        //判断结果
                        if (d.success){
                            $.messager.alert("提示",d.message,"info")
                            //关闭对话框
                            $("#hostPowerDialog").dialog('close');
                            // 刷新数据
                            $("#hostDataGrid").datagrid('reload');
                        }else{
                            $.messager.alert("提示",d.message,"error")
                        }
                    }
                })
            })
        })
        /******************声明函数将json类型的时间转换日期************************/
        //日期转换
        function jsonToDate(obj) {
            return obj.year+"-"+obj.monthValue+"-"+obj.dayOfMonth
        }
        //时间转换
        function jsonToTime(obj) {
            var h=obj.hour<10?('0'+obj.hour):obj.hour;
            var m=obj.minute<10?('0'+obj.minute):obj.minute;
            var s=obj.second<10?('0'+obj.second):obj.second;
            return h+"-"+m+"-"+s;
        }
        <!--设置日期框格式-->
        //设置日期格式
        function myformatter(date) {
            var y=date.getFullYear();
            var m=date.getMonth()+1;
            var d=date.getDate();
            return y+'-'+(m<10?('0'+m):m)+'-'+(d<10?('0'+d):d);
        }
        function myparser(s) {
            if (!s) return new Date();
            var ss=(s.split('-'));
            var y=parseInt(ss[0],10);
            var m=parseInt(ss[1],10);
            var d=parseInt(ss[2],10);
            if (!isNaN(y)&&!isNaN(m)&&!isNaN(d)){
                return new Date(y,m-1,d);
            }else{
                return new Date();
            }
        }
        /******************主持人权限批量设置************************/
        $(function () {
            //给批量按钮增加点击事件
            $("#hostPowerBatch").click(function () {
                //判断是否选择要进行权限设置的主持人信息
                var trs=$("#hostDataGrid").datagrid('getChecked');
                //判断
                if (trs.length>0){
                    //将选择主持人的ID存储在隐藏标签中
                    var hids="";
                    for (var i=0;i<trs.length;i++){
                        hids+=trs[i].hid+",";
                    }
                    $("#hostids").val(hids);
                    //弹出权限设置对话框
                    $("#hostPowerBatchDialog").dialog('open');
                }else{
                    $.messager.alert("提示","请选择要进行权限设置的主持人信息","info")
                }
            })
            //给批量设置权信息的表单的提交按钮增加单机事件
            $("#hostPowerBatchFinish").click(function () {
                $("#hostPowerBatchForm").form('submit',{
                    url:'hostPower/hostPowerBatchOper',
                    success:function (date) {
                        eval("var d="+date)
                        if (d.success){
                            $.messager.alert("提示","批量操作成功","info")
                            //关闭对话框
                            $("#hostPowerBatchDialog").dialog("close");
                            //刷新数据
                            $("#hostDataGrid").datagrid('reload');
                        }else{
                            $.messager.alert("提示","批量操作失败","error")
                        }
                    }
                })
            })
        })
    </script>
</head>
<body>
    <!--创建主持人权限批量操作的对话框-->
    <div id="hostPowerBatchDialog" class="easyui-dialog" title="权限批量设置" style="width:500px;height:360px;"
         data-options="iconCls:'icon-save',resizable:false,modal:true,closed:true">
        <!--创建修改权限表单-->
        <form id="hostPowerBatchForm" method="post">
            <!--创建隐藏表单存储要进行数据权限更新的主持人的Id-->
            <input type="hidden" name="hostids" id="hostids" value="">
            <!--创建表格-->
            <table >
                <tr>
                    <td>是否星推荐：</td>
                    <td>
                        <input class="easyui-radiobutton" data-options="labelWidth:30" name="hpstar" value="1" label="是:">
                        <input class="easyui-radiobutton" data-options="labelWidth:30" name="hpstar" value="0" label="否:">
                    </td>
                </tr>
                <tr>
                    <td>星推荐日期：</td>
                    <td>
                        <input data-options="formatter:myformatter,parser:myparser" name="hpstartBegindate" type="text" class="easyui-datebox">
                        -
                        <input data-options="formatter:myformatter,parser:myparser" name="hpstartEnddate" type="text" class="easyui-datebox" >
                    </td>
                </tr>
                <tr>
                    <td>星推荐时间：</td>
                    <td>
                        <input name="hpstartBegintime" data-options="showSeconds:true" type="text" class="easyui-timespinner">
                        -
                        <input name="hpstartEndtime" data-options="showSeconds:true" type="text" class="easyui-timespinner" >
                    </td>
                </tr>
                <tr>
                    <td>是否自填订单</td>
                    <td>
                        <input class="easyui-radiobutton" data-options="labelWidth:30" name="hpOrderPower" value="1" label="是:">
                        <input class="easyui-radiobutton" data-options="labelWidth:30" name="hpOrderPower" value="0" label="否:">
                    </td>
                </tr>
                <tr>
                    <td>折扣：</td>
                    <td>
                        <input class="easyui-textbox" name="hpdiscount" prompt="请输入折扣" iconWidth="28" style="width:300px;height:34px;padding:10px">
                    </td>
                </tr>
                <tr>
                    <td>折扣日期：</td>
                    <td><input data-options="formatter:myformatter,parser:myparser" type="text" name="hpDisStarttime" class="easyui-datebox">
                        -
                        <input data-options="formatter:myformatter,parser:myparser" type="text" name="hpDisEndtime" class="easyui-datebox" >
                    </td>
                </tr>
                <tr>
                    <td>价格：</td>
                    <td><input class="easyui-textbox" name="hpprice"  prompt="请输入价格" iconWidth="28" style="width:300px;height:34px;padding:10px;"></td>
                </tr>
                <tr>
                    <td>管理费：</td>
                    <td><input class="easyui-textbox" name="hpcosts"  prompt="请输入管理费" iconWidth="28" style="width:300px;height:34px;padding:10px"></td>
                </tr>
                <tr style="text-align: center;margin-top: 10px">
                    <td colspan="2">
                        <a href="javascript:void(0)" id="hostPowerBatchFinish" class="easyui-linkbutton c3" style="width:120px">点击完成</a>
                    </td>
                </tr>
            </table>
        </form>
    </div>
    <!--创建修改权限对话框-->
    <div id="hostPowerDialog" class="easyui-dialog" title="权限设置" style="width:500px;height:360px;"
     data-options="iconCls:'icon-save',resizable:false,modal:true,closed:true">
    <!--创建修改权限表单-->
        <form id="hostPowerForm" method="post">
        <!--创建隐藏表单存储要进行数据权限更新的用户Id-->
            <input type="hidden" name="hpid" id="hpid" value="">
        <!--创建隐藏表单存储要进行数据权限更新的主持人的Id-->
            <input type="hidden" name="hostid" id="hostid" value="">
        <!--创建表格-->
        <table >
            <tr>
                <td>是否星推荐：</td>
                <td>
                    <input class="easyui-radiobutton" id="hpstar_yes" data-options="labelWidth:30" name="hpstar" value="1" label="是:">
                    <input class="easyui-radiobutton" id="hpstar_no" data-options="labelWidth:30" name="hpstar" value="0" label="否:">
                </td>
            </tr>
            <tr>
                <td>星推荐日期：</td>
                <td>
                    <input id="hpstar_begindate" data-options="formatter:myformatter,parser:myparser" name="hpstartBegindate" type="text" class="easyui-datebox">
                    -
                    <input id="hpstar_enddate" data-options="formatter:myformatter,parser:myparser" name="hpstartEnddate" type="text" class="easyui-datebox" >
                </td>
            </tr>
            <tr>
                <td>星推荐时间：</td>
                <td>
                    <input id="hpstar_begintime"  name="hpstartBegintime" data-options="showSeconds:true" type="text" class="easyui-timespinner">
                    -
                    <input id="hpstar_endtime" name="hpstartEndtime" data-options="showSeconds:true" type="text" class="easyui-timespinner" >
                </td>
            </tr>
            <tr>
                <td>是否自填订单</td>
                <td>
                    <input class="easyui-radiobutton" data-options="labelWidth:30" id="hpOrder_yes" name="hpOrderPower" value="1" label="是:">
                    <input class="easyui-radiobutton" data-options="labelWidth:30" id="hpOrder_no" name="hpOrderPower" value="0" label="否:">
                </td>
            </tr>
            <tr>
                <td>折扣：</td>
                <td>
                    <input id="hp_change_discount" class="easyui-textbox" name="hpdiscount" prompt="请输入折扣" iconWidth="28" style="width:300px;height:34px;padding:10px">
                </td>
            </tr>
            <tr>
                <td>折扣日期：</td>
                <td><input id="hpdiscoount_begindate" data-options="formatter:myformatter,parser:myparser" type="text" name="hpDisStarttime" class="easyui-datebox">
                    -
                    <input id="hpdiscount_enddate" data-options="formatter:myformatter,parser:myparser" type="text" name="hpDisEndtime" class="easyui-datebox" >
                </td>
            </tr>
            <tr>
                <td>价格：</td>
                <td><input id="hpprice" class="easyui-textbox" name="hpprice"  prompt="请输入价格" iconWidth="28" style="width:300px;height:34px;padding:10px;"></td>
            </tr>
            <tr>
                <td>管理费：</td>
                <td><input id="hpcosts" class="easyui-textbox" name="hpcosts"  prompt="请输入管理费" iconWidth="28" style="width:300px;height:34px;padding:10px"></td>
            </tr>
            <tr style="text-align: center;margin-top: 10px">
                <td colspan="2">
                    <a href="javascript:void(0)" id="hostPowerFinish" class="easyui-linkbutton c3" style="width:120px">点击完成</a>
                </td>
            </tr>
        </table>
    </form>
    </div>
    <!--创建增加主持人信息的对话框-->
    <div id="addHostDialog" class="easyui-dialog" title="增加主持人" style="width:400px;height:300px;"
         data-options="iconCls:'icon-save',resizable:false,modal:true,closed:true">
        <!--创建主持人增加表单-->
        <form id="hostFrom" method="post">
            <!--主持人姓名-->
            <div style="margin-bottom:20px;margin-top: 25px;text-align: center">
                <input class="easyui-textbox" name="hname" prompt="请输入用户名" iconWidth="28" style="width:300px;height:34px;padding:10px;">
            </div>
            <!--主持人密码-->
            <div style="margin-bottom:20px;text-align: center">
                <input id="pass" class="easyui-passwordbox" name="hpwd" prompt="请输入密码" iconWidth="28" style="width:300px;height:34px;padding:10px">
            </div>
            <!--主持人手机号-->
            <div style="margin-bottom:20px;text-align: center">
                <input class="easyui-textbox" name="hphone" prompt="请输入手机号" iconWidth="28" style="width:300px;height:34px;padding:10px;">
            </div>
            <!--操作按钮-->
            <div style="margin-bottom: 20px;text-align: center">
                <a href="javascript:void(0)" id="addHostForm" class="easyui-linkbutton c3" style="width:120px">完成添加</a>
            </div>
        </form>
    </div>
    <!--创建主持人面板组件-->
    <div id="p" class="easyui-panel" title="主持人管理"
         style="width:1050px;height:500px;padding:10px;background:#fafafa;"
         data-options="iconCls:'icon-save',closable:false,
         collapsible:false,minimizable:false,maximizable:false">
        <!--创建检索条件-->
        <div style="margin: auto;width: 700px;">
            <!--创建检索条件表单-->
            <form action="">
                <input class="easyui-textbox" prompt="姓名" id="hname" name="hname" style="width:120px"><!--姓名条件-->
                <select class="easyui-combobox" data-options="editable:false,panelHeight:100,value:'账号状态'" id="status" name="status" style="width: 100px"><!--账号状态条件-->
                    <option value="0">禁用</option>
                    <option value="1">正常</option>
                </select>
                <select class="easyui-combobox" data-options="editable:false,panelHeight:100,value:'权重'" id="strong" name="strong" style="width: 100px"><!--权重状态条件-->
                    <option value="asc">升序</option>
                    <option value="desc">降序</option>
                </select>
                <select class="easyui-combobox" data-options="editable:false,panelHeight:100,value:'星推荐'" id="hpstar" name="hpstar" style="width: 100px"><!--星推荐条件-->
                    <option value="0">不推荐</option>
                    <option value="1">推荐</option>
                </select>
                <select class="easyui-combobox" data-options="editable:false,panelHeight:180,value:'折扣'" id="hpdiscount" name="hpdiscount" style="width: 100px"><!--折扣条件-->
                    <option value="6">6</option>
                    <option value="7">7</option>
                    <option value="8">8</option>
                    <option value="9">9</option>
                </select>
                <a id="search" href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-search',plain:false">查询</a>
                <a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-ok',plain:false">导出</a>
            </form>
        </div>
        <!--创建主持人信息加载的DataGrid组件-->
        <table id="hostDataGrid"></table>
    </div>
    <!--创建主持人DataGrid的工具栏-->
    <div id="hostToolBar">
        <a id="addHost" href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-add',plain:true">添加主持人</a>
        <a id="hostPower" href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-add',plain:true">权限设置</a>
        <a id="hostAccount" href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-edit',plain:true">账号禁用|启用</a>
        <a id="hostPowerBatch" href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-remove',plain:true">批量操作</a>
    </div>
</body>
</html>
